<!DOCTYPE html>
<%@page import="java.util.ArrayList"%>
<%@page import="mwa.cs.model.Reader"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<%@ include file="headScriptRQ.jsp"%>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/rq/cs65001script.js"></script>
</head>
<body>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
		<!-- End SIDEMENU-->
		
		<!-- BEGIN RIGHT DETAIL-->
		<div class="col-sm-12 col-xs-12" id="right-side">
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i>ข้อมูลคำร้อง</div>
			<!--End navigator-bar-->
			<div>
				<div id="page-header" class="clearfix">
					<div>สอบถามคำร้อง</div>
				</div>
				<div class="alert alert-danger" style="display: none" id="alert-box">
					<span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x fa-inverse"></i></span> กรุณากรอกเหตุผลของการยกเลิกการรับเงิน
				</div>
				<div class="form-list clearfix" style="margin-bottom: -130px; margin-top: -40px">
					<form class="form-inline" role="form">
						<div id="form-nav">
							<div class="form-wizard box-first">
								<a href="javascript:void()" data-link="form-1" class="step-link">
									<div id="water_user" class="form-wizard-box active">ข้อมูลผู้ยื่นคำร้อง</div>
								</a>
							</div>
							<div class="form-wizard box-2">
								<a href="javascript:void()" data-link="form-2" class="step-link">
									<div id="meter" class="form-wizard-box">ข้อมูลผู้ใช้น้ำ</div>
								</a>
							</div>
							<div class="form-wizard box-last">
								<a href="javascript:void()" data-link="form-3" class="step-link">
									<div id="summary" class="form-wizard-box">ข้อมูลคำร้อง</div>
								</a>
							</div>
						</div>
					</form>
				</div>
				<br/><br/><br/>	
				<div class="form-detail clearfix">
					<form class="form-horizontal">
						<div id="form-1" class="form-step">
							<fieldset>
								<legend>ข้อมูลผู้ยื่นคำร้อง</legend>
								<div class="form-group">
									<label class="col-sm-3 control-label">ทะเบียนผู้ใช้น้ำ :</label>
									<div class="col-sm-7 mt-5">${account}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">ชื่อ - นามสกุล :</label>
									<div class="col-sm-7 mt-5">${applicantName}</div>
								</div>
								<div class="form-group">	
									<label class="col-sm-3 control-label">สถานที่ติดต่อ :</label>	
									<div class="col-sm-9 mt-5 row">
										<div class="col-sm-12">
											<label class="col-sm-3 control-label" style="text-align:left;">บ้านเลขที่ :</label>
											<div class="col-sm-9 mt-5">${contactHomeNumber}</div>
										</div>
										<div class="col-sm-12">
											<label class="col-sm-4 control-label" style="text-align:left;">หมู่บ้าน/ซอย/ถนน :</label>
											<div class="col-sm-8 mt-5">${contactAddress}</div>
										</div>
										<div class="col-sm-6">
											<label class="col-sm-4 control-label" style="text-align:left;">ตำบล :</label>
											<div class="col-sm-8 mt-5">${contactCity}</div>
										</div>
										<div class="col-sm-6">
											<label class="col-sm-5 control-label" style="text-align:left;">อำเภอ :</label>
											<div class="col-sm-7 mt-5">${contactDistrict}</div>
										</div>
										<div class="col-sm-6">
											<label class="col-sm-5 control-label" style="text-align:left;">จังหวัด :</label>
											<div class="col-sm-7 mt-5">${contactProvince}</div>
										</div>
										<div class="col-sm-6">
											<label class="col-sm-7 control-label" style="text-align:left;">รหัสไปรษณีย์ :</label>
											<div class="col-sm-5 mt-5">${contactPostCode}</div>
										</div>
									</div>								
								</div>
								<div class="form-group">										
									<label class="col-sm-3 control-label">โทรศัพท์(ที่ติดต่อ) :</label>
									<div class="col-sm-7 mt-5">${contactTelephone}</div>
								</div>
							</fieldset>
						</div>
						<!-- END FORM 1 -->
						
						<div id="form-2" class="form-step">
							<fieldset>
								<legend>ข้อมูลผู้ใช้น้ำ</legend>
								<div class="form-group">
									<label class="col-sm-3 control-label">ชื่อ - นามสกุล :</label>
									<div class="col-sm-7 mt-5">${pName} ${fName} ${lName}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">หมายเลขบัตรประชาชน (13 หลัก) :</label>
									<div class="col-sm-7 mt-5">${cardId}</div>
								</div>
								<div class="form-group">	
									<label class="col-sm-3 control-label">สถานที่ใช้น้ำ :</label>	
									<div class="col-sm-9 mt-5 row">
										<div class="col-sm-12">
											<label class="col-sm-3 control-label" style="text-align:left;">บ้านเลขที่ :</label>
											<div class="col-sm-9 mt-5">${homeNumber}</div>
										</div>
										<div class="col-sm-12">
											<label class="col-sm-4 control-label" style="text-align:left;">หมู่บ้าน/ซอย/ถนน :</label>
											<div class="col-sm-8 mt-5">${address}</div>
										</div>
										<div class="col-sm-6">
											<label class="col-sm-4 control-label" style="text-align:left;">ตำบล :</label>
											<div class="col-sm-8 mt-5">${city}</div>
										</div>
										<div class="col-sm-6">
											<label class="col-sm-5 control-label" style="text-align:left;">อำเภอ :</label>
											<div class="col-sm-7 mt-5">${district}</div>
										</div>
										<div class="col-sm-6">
											<label class="col-sm-5 control-label" style="text-align:left;">จังหวัด :</label>
											<div class="col-sm-7 mt-5">${province}</div>
										</div>
										<div class="col-sm-6">
											<label class="col-sm-7 control-label" style="text-align:left;">รหัสไปรษณีย์ :</label>
											<div class="col-sm-5 mt-5">${postCode}</div>
										</div>
									</div>								
								</div>
								<div class="form-group">										
									<label class="col-sm-3 control-label">โทรศัพท์(ที่ใช้น้ำ)</label>
									<div class="col-sm-7 mt-5">${telephone}</div>
								</div>
							</fieldset>
						</div>
						<!-- END FORM 2-->
						
						<div id="form-3" class="form-step">
							<fieldset>
								<legend>ข้อมูลคำร้อง</legend>
								<div class="form-group">
									<div class="col-sm-6">
										<label class="col-sm-6 control-label">เลขที่คำร้อง :</label>
										<div class="col-sm-6 mt-5">${requestNumber}</div>
									</div>																													
									<div class="col-sm-6">
										<label class="col-sm-6 control-label">ประเภทคำร้อง :</label>
										<div class="col-sm-6 mt-5">${requestType}</div>
									</div>
								</div>
								<div class="form-group">										
									<label class="col-sm-3 control-label">รายละเอียดคำร้อง :</label>
									<div class="col-sm-7 mt-5">${description}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">ส่วนลดทหารผ่านศึก :</label>
									<div class="col-sm-7 mt-5">${allowance}</div>																										
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<label class="col-sm-6 control-label">วันที่ติดตั้ง :</label>
										<div class="col-sm-6 mt-5">${meterInstallDate}</div>
									</div>																													
									<div class="col-sm-6">
										<label class="col-sm-6 control-label">ขนาดมาตร :</label>
										<div class="col-sm-4 mt-5">${meterSize} &nbsp;&nbsp;&nbsp;นิ้ว</div> 
									</div>											
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="col-sm-6 mt-5"></div>
										<div class="col-sm-6 mt-5"> 
											<c:forEach  items="${receiveDescription}" var="name" varStatus="i">
										   		<div class="row" style="margin-left:0px">${name} </div>
											</c:forEach>
										</div>
									</div>	
									<div class="col-sm-6">
										<div class="col-sm-5 mt-5"></div>
										<div class="col-sm-5 mt-5"> 
											<c:forEach  items="${receiveAmount}" var="name" varStatus="i">
										   		<div class="row" style="margin-left:0px; text-align:right;"><fmt:formatNumber value="${name}" pattern="###,##0.00"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;บาท</div>
											</c:forEach>
										</div>
									</div>	
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">รวมเงินทั้งสิ้น :</label>
									<div class="col-sm-4 mt-5">${totalAmount} &nbsp;&nbsp;&nbsp;บาท</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<label class="col-sm-6 control-label">สถานะคำร้อง :</label>
										<div class="col-sm-6 mt-5">${status}</div>
									</div>																													
									<div class="col-sm-6">
										<label class="col-sm-6 control-label">วันที่รับคำร้อง :</label>
										<div class="col-sm-6 mt-5">${insertDate}</div>
									</div>									
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">พนักงานที่รับคำร้อง :</label>
									<div class="col-sm-7 mt-5">${userId}</div>								
								</div>
							</fieldset>
						</div>
						<!-- END FORM 3-->
					</form>
				</div>
				<!-- End form-detail --> 
				
			</div>
			<!-- End detail-area -->
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
		<!-- END RIGHT DETAIL--> 
	</div>
	<!-- End Detail-area--> 
</div>
<!-- End Wrapper --> 
</body>
</html>